﻿@model IEnumerable<IndignaFramework.Models.UsuarioAGestionar>

@{
    ViewBag.Title = "GestionarUsuarios";
    Layout = "~/Views/Shared/_BackofficeLayout.cshtml";
}

@{
    ViewBag.Title = "Index";
    
}
<h2>GestionarUsuarios</h2>



<div id="ErrorDiv"></div>

<table>
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.Nombre)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Email)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.CantInadecuados)
        </th>
        <th></th>
    </tr>

@foreach (var item in Model) {
    <tr id="Usuario_@item.id">
        <td>
            @Html.DisplayFor(modelItem => item.Nombre)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Email)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.CantInadecuados)
        </td>
        <td>
            @Html.ActionLink("Contenidos inadecuados del usuario", "Details", new { id = item.id }) |
            <a href="javascript:void()" onclick="borrarUsuario(@item.id)">BorrarUsuario</a>
            
        </td>
    </tr>
}

</table>

<script type="text/javascript">

    function borrarUsuario(id) {

        $.ajax({
            url: '@Url.Action("BorrarUsuarioWeb","Usuario")',
            type: "POST",
            data: { id: id },            
            success: function (data) {
                $('#Usuario_' + id).remove();
            },
            error: function(jqXHR, textStatus, errorThrown){
                var nombre = $('#Usuario_' + id).children().first().html().trim();
                $('#ErrorDiv').html('Error al borrar el usuario '+nombre);  
            }
        });

        

    }


</script>